<html>
	<head>
		<title>Top 10</title>
		<style>
			body {
				font-family: Courier, Arial, sans-serif;
				font-size: 13px;
			}
			ul {
				list-style: none;
			}
			h1 {
				font-size: 15px;
				font-weight: bold;
				text-decoration: underline;
				text-align: center;
			}
			/* tables */
			table.tablesorter {
				background-color: #CDCDCD;
				margin: 0; 
				font-size: 11px;
				width: 100%;
				text-align: left;
			}
			table.tablesorter thead tr th, table.tablesorter tfoot tr th {
				background-color: #e6EEEE;
				border: 1px solid #FFF;
				font-size: 13px;
				padding: 4px;
			}
			table.tablesorter thead tr .header {
				background-image: url(bg.gif);
				background-repeat: no-repeat;
				background-position: center right;
				cursor: pointer;
			}
			table.tablesorter tbody td {
				color: #3D3D3D;
				padding: 4px;
				background-color: #FFF;
				vertical-align: top;
			}
			table.tablesorter tbody tr.odd td {
				background-color:#F0F0F6;
			}
			table.tablesorter thead tr .headerSortUp {
				background-image: url(asc.gif);
			}
			table.tablesorter thead tr .headerSortDown {
				background-image: url(desc.gif);
			}
			table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
			background-color: #8dbdd8;
			}
		</style>
		<script type="text/javascript" src="javascript/jquery/jquery-1.4.4.js"></script>
		<script type="text/javascript" src="javascript/jquery/jquery.tablesorter.min.js"></script>
		<script type="text/javascript" src="javascript/top10.js"></script>
	</head>
	<body style="background-color:#fff;margin:0">
		<div style="border-top:1px solid #404040">
			<div id="content" style="color:#000;;padding:10px">
				<ul id="files">
				</ul>
				<input id="kies" type="button" name="bla" value="Kies ander bestand" />
				<h1></h1>
			</div>
		</div>
	</body>
</html>